<template>
  <div>
    <el-container>
      <el-header>
        <el-menu mode="horizontal"
                 background-color="#fff1a0"
                 text-color="black"
                 active-text-color="#9c9d4f">
          <el-menu-item index="1" >
            隐私设置
          </el-menu-item>
        </el-menu>
      </el-header>
      <el-main>
        <div class="infoSet">
          <form class="infoForm" style="margin-left: 20px">
            <table cellspacing="0" cellpadding="10">
              <tr>
                <td>公开我的学习课程记录:</td>
                <td>
                  <el-switch v-model="value1" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                </td>
              </tr>
              <tr>
                <td>允许别人通过学校等添加好友:</td>
                <td>
                  <el-switch v-model="value2" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                </td>
              </tr>

            </table>
          </form>
          <div class="setButton" style="margin-left: 300px;margin-top: 165px">
            <el-button type="warning" @click="updateSet()">保存修改</el-button>
            <el-button type="warning" @click="exitSet()">取消</el-button>
          </div>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "studentsetupprivacy",
  data(){
    return{
      value1:'',
      value2:''
    }
  },
  methods:{
    updateSet(){

    },
    exitSet(){

    }
  }
}
</script>

<style scoped>
@import "../../assets/css/student.css";
</style>
